* {
  padding: 0px;
  margin: 0px;
  font-family: "微软雅黑";
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.yqlink {
  width: 100%;
  height: 400px;
  background: url(../images/beijing2.png) no-repeat;
}
.wk {
  /* background: #1ad39d; */
  /* border: solid; */
  width: 50%;
  height: 240px;
  margin-left: 31%;
  /* margin-top: 50px */
}
.ivu-carousel-track {
  height: 250px;
}
a {
  text-decoration: none;
  color: black;
  cursor: pointer;
}

li {
  list-style: none;
}
img {
  border: 0px;
}
.one{
	background-color: #e8fbf6 !important;
	color: #444 !important;
}
.two{
	background-color: #8ae2c5 !important;
	color: #36d7a6 !important;
}
.width1920px {
  max-width: 1920px;
  margin: 0px auto;
}
.width1200px {
  width: 1200px;
  margin: 0px auto;
}
.width1920pxxmb {
  position: relative;
  overflow: hidden;
  height: 744px;
  z-index: 1;
  background: url(../images/banner.jpg) no-repeat center 0px;
}
.width1920pxaboutmb{
  position: relative;
  overflow: hidden;
  height: 550px;
  z-index: 1;
}
.width1200pxxmb {
  height: 744px;
  position: relative;
}
.xmba {
  width: 765px;
  height: 88px;
  position: absolute;
  top: 98px;
  left: 46px;
  font-size: 84px;
  color: white;
  font-weight: 600;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmbb {
  width: 413px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  position: absolute;
  top: 222px;
  left: 46px;
  background-color: #f3d431;
  font-family: "palace script mt";
  font-size: 28px;
  color: #595333;
}
.xmbc {
  width: 8450px;
  height: 233px;
  position: absolute;
  top: 354px;
  left: 46px;
}
.xmbc1 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 29px;
  color: white;
  letter-spacing: 2px;
}
.xmbc1 span {
  font-size: 17px;
}
.xmbcu1 {
  /* margin-top: 10px; */
  width: 236px;
  margin-top: 20px;
  float: left;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmbcu1 li {
  display: block;
  width: 100%;
  height: 30px;
  color: white;
  font-size: 16px;
  white-space:nowrap;
}
.xma1c a{
  color:rgb(137, 137, 137); 
}
.xmbcu1 li span {
  font-size: 18px;
}
.xmbcu2 {
  width: 268px;
  margin-top: 18px;
  float: left;
  margin-left: 35px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmbcu2 li {
  display: block;
  width: 100%;
  height: 30px;
  color: white;
  font-size: 16px;
  white-space:nowrap;
}
.xmbcu2 li span {
  font-size: 19px;
}

.xmbc2 {
  width: 161px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  margin-top: 32px;
  float: left;
  font-size: 20px;
  color: #ffdb1f;
  border-radius: 6px;
  font-family: pristina;
  border: solid 1px #ffdb1f;
  font-weight: 200;
  margin-left: 1px;
}
/*软件功能、软件服务*/
.width1920pxxmc {
  height: 1500px;
  background: url(../images/gongneng1.png) no-repeat;
  /* background-position: 0 100%; */
}
.xmc1 {
  width: 100%;
  height: 750px;
  position: relative;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.xmc1a {
  position: absolute;
  top: 162px;
  left: 425px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.xmc1b {
  position: absolute;
  top: 55px;
  left: 614px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.xmc1c {
  position: absolute;
  top: 166px;
  left: 803px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
.xmc1d {
  position: absolute;
  top: 383px;
  left: 425px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.xmc1e {
  position: absolute;
  top: 494px;
  left: 614px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.xmc1f {
  position: absolute;
  top: 383px;
  left: 803px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
.xmc1g {
  position: absolute;
  top: 273px;
  left: 614px;
}
.xmc1h {
  position: absolute;
  top: 216px;
  left: 486px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmc1i {
  position: absolute;
  top: 119px;
  left: 669px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.xmc1j {
  position: absolute;
  top: 217px;
  left: 869px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
.xmc1k {
  position: absolute;
  top: 323px;
  left: 662px;
}
.xmc1l {
  position: absolute;
  top: 462px;
  left: 486px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmc1m {
  position: absolute;
  top: 550px;
  left: 669px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.xmc1n {
  position: absolute;
  top: 439px;
  left: 869px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
.xmc2 {
  width: 100%;
  height: 750px;
  position: relative;
}
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.xmc2a {
  position: absolute;
  top: 123px;
  left: 208px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
.xmc2ds1 {
  display: block;
  width: 323px;
  height: 19px;
  line-height: 16px;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  text-indent: 12px;
  border-left: solid 7px #d61d1c;
}
.xmc2dd1 {
  width: 324px;
  height: 68px;
  line-height: 24px;
  margin-top: 11px;
  font-size: 14px;
  color: #484848;
  overflow: hidden;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* 交易榜单 */
@keyframes rowup {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -240px, 0);
    transform: translate3d(0, -240px, 0);
  }
}
@-webkit-keyframes rowup {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -240px, 0);
    transform: translate3d(0, -240px, 0);
  }
}
.jybddh{
  height: 400px;
  position: absolute;
  left: 537px;
  top:215px;
  overflow: hidden;
}
.jybdrz{
  height: 330px;
  position: absolute;
  left: 566px;
  top:720px;
  overflow: hidden;
}
.jybdzq{
  height: 260px;
  position: absolute;
  left:1095px;
  top:182px;
  overflow: hidden;
}
.jybdjf{
  height: 420px;
  position: absolute;
  left:1042px;
  top:532px;
  overflow: hidden;
}
.fontList{
  line-height: 35px;
  font-size: 14px;
  color: #150000;
}

 .rowup{
  -webkit-animation: 20s rowup linear infinite normal;
  animation: 20s rowup linear infinite normal;
  position: relative;
}
.item{
  width: 6px;
  height: 6px;
  background-color: #313131;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.xmc2b {
  position: absolute;
  top: 310px;
  left: 630px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.xmcab1img{
  position: absolute;
  left: 26px;
  bottom: -15px;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.xmcab2img{
  position: absolute;
  top:17px;
  right:-24px;
  z-index: 5;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.xmc2c {
  position: absolute;
  top: 303px;
  left: 1115px;
}
.xmc2d {
  position: absolute;
  top: 183px;
  left: 253px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
.xmc2e {
  position: absolute;
  top: 183px;
  left: 683px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
.xmc2f {
  position: absolute;
  top: 336px;
  left: 253px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
.xmc2g {
  position: absolute;
  top: 493px;
  left: 253px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/*内容变现*/
.aboutcontent {
  height: 630px;
  /* background: url(../images/eee.png) no-repeat center 0px; */
  background-color: white;
}
.aboutcontent_4 {
  height: 750px;
  /* background: url(../images/eee.png) no-repeat center 0px; */
  background-color: #F8F8F8;
}
.aboutcontent_2 {
  height: 630px;
  /* background: url(../images/eee.png) no-repeat center 0px; */
  background-color: #F8F8F8;
}
.width1920pxxmpro {
  height: 1007px;
  background: url(../images/pro_bg.png) no-repeat center 0px;

  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.width1920pxxmd {
  height: 750px;
  background: url(../images/aaa.png) no-repeat center 0px;
  z-index: 1;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.width1920pxxmg {
  /* height: 746px; */
  background: url(../images/bbb.png) no-repeat center center;
  position: relative;
  top: -60px;
  z-index: -5;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.width1920pxxmh {
  height: 750px;
  background: url(../images/ccc.png) no-repeat center ;

  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.width1920pxxmi {
  height: 746px;
  background: url(../images/ddd.png) no-repeat center 0px;

  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.width1920pxxmj {
  height: 768px;
  background: url(../images/eee.png) no-repeat center 0px;

  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.width1920pxxmk {
  height: 736px;
  background: url(../images/fff.png) no-repeat center 0px;

  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.ivu-tabs-bar {
  border-bottom: 0px !important;
}
.xmd1 {
  width: 100%;
  height: 750px;
  position: relative;
}
.xmd1a {
  width: 462px;
  height: 500px;
  position: absolute;
  top: 170px;
  left: 203px;
}
.xmd1a1 {
  width: 100%;
  height: 18px;
  line-height: 14px;
  border-left: 6px solid #2d61f7;
  font-size: 18px;
  font-weight: 600;
  text-indent: 10px;
  letter-spacing: 1px;
  color: #544e4e;
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.xmd1a2 {
  margin-top: 19px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
.xmd1b {
  width: 85px;
  height: 161px;
  position: absolute;
  top: 478px;
  left: 231px;
}
.xmd1b1 {
  display: block;
  width: 100%;
  height: 35px;
  color: #444444;
  font-size: 15px;
}
.xmd1c {
  width: 140px;
  height: 132px;
  position: absolute;
  top: 100px;
  left: 1033px;
}
.xmd1cs1 {
  display: block;
  width: 100%;
  height: 35px;
  text-indent: 24px;
  font-size: 15px;
  color: #444444;
}
.xmd1c1 {
  width: 100%;
  height: 20px;
}
/*多平台支持*/
.xmd2 {
  width: 100%;
  height: 750px;
  position: relative;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.xmd2a {
  position: absolute;
  top: 255px;
  left: 135px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
.xmd2b {
  position: absolute;
  top: 255px;
  left: 330px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

.xmd2c {
  position: absolute;
  top: 255px;
  left: 520px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

.xmd2d {
  position: absolute;
  top: 255px;
  left: 715px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

.xmd2e {
  position: absolute;
  top: 255px;
  left: 900px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
/*广告媒体*/
.xmd3 {
  width: 100%;
  height: 750px;
  position: relative;
}
.xmd3a {
  position: absolute;
  top: 315px;
  left: 390px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmd3b {
  position: absolute;
  top: 203px;
  left: 204px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmd3c {
  position: absolute;
  top: 203px;
  left: 575px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmd3d {
  position: absolute;
  top: 424px;
  left: 573px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmd3e {
  position: absolute;
  top: 96px;
  left: 763px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmd3f {
  position: absolute;
  top: 316px;
  left: 763px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmd3g {
  position: absolute;
  top: 424px;
  left: 950px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
/*使用评价*/
.xmd4 {
  width: 100%;
  height: 750px;
  position: relative;
}
.xmd41 {
  position: absolute;
  top: 130px;
  left: 140px;
  width: 1053px;
  height: 548px;
}
.xmd41a {
  width: 100%;
  height: 52px;
  margin-left: 3px;
  line-height: 52px;
  font-size: 19px;
  font-weight: 600;
}
.xmd41a1 {
  /* width: 527px; */
  width: 1050px;
  height: 52px;
  text-align: center;
  float: left;
  color: #1ad39d;
  background-color:#8ae2c5;
  border-radius: 6px;
}
.xmd41a2 {
  width: 522px;
  height: 52px;
  float: left;
  text-align: center;
  color: #1ad39d;
  background-color:#8ae2c5;
  border-radius: 6px;
}
.xmd41b {
  width: 100%;
  height: 452px;
  margin-top: 45px;
}
.xmd41c{
	position:absolute ;
	top:105px;
	left: 0px;
    display: none;
}
.xmd41bu1 {
  width: 1065px;
}
.xmd41bu1 li {
  display: -webkit-box;
  width: 532px;
  height: 102px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  float: left;
}
.xmd41bu1s1 {
  display: block;
  width: 365px;
  height: 24px;
  line-height: 18px;
  margin-left: 80px;
  font-size: 16px;
  font-weight: 600;
  color: #444444;
}
.xmd41bu1d1 {
  width: 365px;
  height: 42px;
  line-height: 23px;
  margin-left: 80px;
  font-size: 13px;
  color: #737373;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.xmd41bu1a {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
.xmd41bu1c {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
.xmd41bu1e {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
.xmd41bu1g {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
.xmd41bu1b {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
.xmd41bu1d {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
.xmd41bu1f {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
.xmd41bu1h {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
.xmd5 {
  width: 100%;
  height: 750px;
  position: relative;
}
.xmd5a {
  width: 360px;
  height: 239px;
  position: absolute;
  top: 269px;
  left: 395px;
  /* background: url(../images/yueduliang.png) no-repeat; */
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.xmd5b {
  width: 523px;
  height: 114px;
  position: absolute;
  top: 116px;
  left: 575px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
.xmd5c {
  width: 523px;
  height: 114px;
  position: absolute;
  top: 520px;
  left: 575px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
.xmd5bs1 {
  display: block;
  width: 100%;
  height: 18px;
  line-height: 15px;
  font-size: 18px;
  color: #444444;
  font-weight: 600;
  border-left: solid 6px #8f48d8;
  text-indent: 11px;
  letter-spacing: 1px;
}
.xmd5bd1 {
  width: 506px;
  height: 69px;
  margin-top: 19px;
  margin-left: 16px;
  line-height: 23px;
  font-size: 13px;
  color: #444444;
  overflow: hidden;
}
.xmd5d {
  width: 341px;
  height: 65px;
  position: absolute;
  top: 333px;
  left: 755px;
  line-height: 23px;
  font-size: 13px;
  color: #444444;
  overflow: hidden;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
.xmd6 {
  width: 100%;
  height: 750px;
  position: relative;
}
.xmd6a {
  width: 930px;
  height: 735px;
  position: absolute;
  top: 15px;
  left: 268px;
}
.xmd6a1 {
  width: 310px;
  height: 735px;
  float: left;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.xmd6a1:hover .xmd6a1d1 {
  margin-top: 15px;
  width: 270px;
  font-size: 15px;
}
.xmd6a1:hover .xmd6a1s1 {
  margin-top: 20px;
  font-size: 22px;
  height: 22px;
}

.xmd6a2 {
  width: 310px;
  height: 735px;
  float: left;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmd6a2:hover .xmd6a1d2 {
  margin-top: 15px;
  width: 270px;
  font-size: 15px;
}
.xmd6a2:hover .xmd6a1s2 {
  margin-top: 20px;
  font-size: 22px;
  height: 22px;
}
.xmd6a3 {
  width: 310px;
  height: 735px;
  float: left;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.xmd6a3:hover .xmd6a1d1 {
  margin-top: 15px;
  width: 270px;
  font-size: 15px;
}
.xmd6a3:hover .xmd6a1s1 {
  margin-top: 20px;
  font-size: 22px;
  height: 22px;
}
.xmd6a1s1 {
  display: block;
  width: 290px;
  height: 19px;
  line-height: 16px;
  margin-top: 43px;
  margin-left: 20px;
  border-left: solid 6px #2b8efe;
  font-size: 18px;
  font-weight: 600;
  color: #444444;
  text-indent: 10px;
  letter-spacing: 1px;
}
.xmd6a1d1 {
  width: 240px;
  height: 163px;
  margin: 0px auto;
  margin-top: 28px;
  font-size: 14px;
  line-height: 24px;
}
.xmd6a1s2 {
  display: block;
  width: 290px;
  height: 19px;
  line-height: 16px;
  margin-top: 43px;
  margin-left: 20px;
  border-left: solid 6px #2b8efe;
  font-size: 18px;
  font-weight: 600;
  color: white;
  text-indent: 10px;
  letter-spacing: 1px;
}
.xmd6a1d2 {
  width: 240px;
  height: 163px;
  margin: 0px auto;
  margin-top: 28px;
  font-size: 14px;
  line-height: 24px;
  color: white;
}
/*滚动图*/
.width1920pxxme{
	height: 450px;
	background: url(../images/beijing2.png) no-repeat center ;
}
.xmed2{
	width: 100%;
	height: 138px;
}
.xmed1{
	width: 1020px;
	height: 171px;
	margin-left: 153px;
}
.xmed1a{
	width: 1020px;
	height: 171px;
}
.xmed1au1{
	width: 100%;
}
.xmed1au1 .d1{
	display: block;
	width: 145.7px;
	height: 91px;
	float: left;
	position: relative;
}
.xmed1au1a{
	width: 136px;
	height: 81px;
	line-height: 81px;
	text-align: center;
    background-color: white;
    color: #888888;
}
.xmed1au1b{
	width: 136px;
	height: 81px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: red;
	display: none;
}
.xmed1au1 .d1:hover .xmed1au1b{
	display: block;
}
/* 首页产品列表 */
.xmpro{  
  width: 100%;
  height: 1007px;
  position: relative;
  padding-top: 104px;

}
.xmpro .prolist{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 860px;
  overflow: hidden;
}
.xmpro .pro{
  width:283px;
  height:423px;
  background: #fff;
  font-size: 15px;
  margin-bottom: 10px;
  color: #000;

}
.xmpro .head{
  padding-left: 20px;
  line-height: 43px;
}
.xmpro .propic{
  position: relative;
  width:283px;  
  height: 219px;
}
.xmpro .propic img{
  width: 100%;
  height: 219px;
}
.xmpro .propic .desc{
  font-size: 16px;
  line-height: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  padding: 10px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.52);
  color: #fff;
}
.xmpro .propic .desc div{
  height: 50px;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline; 
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp: 2;
  -webkit-box-orient:vertical;

}
.xmpro .inf{
  padding: 10px 15px;
  line-height: 26px;
}
.xmpro .inf .tip{
  color: #FF2229;
  font-size: 18px;
}
.xmpro .check_det{
  width:121px;
  height:35px;
  background:rgba(123,53,250,1);
  border-radius:18px;
  color: #fff;
  border: none;
  display: block;
  margin: 10px auto 0;
  font-size: 12px;
}
.xmpro .check_det:hover{
  cursor: pointer;
}